<template>
  <div class="boc-icon">
    <a href="#">
      <img src="../../assets/user.jpg" alt="" />
    </a>
    <div class="verticle-item">
      <a href="#">
        <img src="../../assets/user.jpg" alt="" />
      </a>
      <a href="#">
        <img src="../../assets/user.jpg" alt="" />
      </a>
    </div>
  </div>
</template>
<script type="text/javascript">
export default {
  name: "boc-icon",
  data() {
    return {};
  },
  computed: {
  },
  watch: {
  },
  methods: {
  },
  created() {
  },
};
</script>
<style type="text/css">
.boc-icon{
  display: flex;
  flex-direction: row;
}
.boc-icon .verticle-item {
  margin: 0 20px;
  display: flex;
  flex-direction: column;
  line-height: 40px;
}
.boc-icon img {
  border-radius: 3px;
  vertical-align: middle;
  width: 25px;
  height: 25px;
}
.boc-icon a {
  display: inline-block;
  padding: 0px;
  color: inherit;
}
</style>
